<?php session_start(); ?>

<!DOCTYPE html> 
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="imperialistas.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
function validarForm(formulario) {
  if(document.forms[0].nombre.value.length<=3) { //¿Tiene 0 caracteres?
    document.forms[0].nombre.focus();    // Damos el foco al control
    alert('No has escrito tu nombre, este debe ser mayor a 3 caracteres'); //Mostramos el mensaje
    return false; //devolvemos el foco
  }
  document.forms[0].submit();
  return true; //Si ha llegado hasta aquí, es que todo es correcto
}
</script>
</head>
<body>


<table width="1200px" height="800px" border="0" cellspacing="0" cellpadding="0" style="background: url(imagen/Registro.png);
    background-size: 1200px;
    background-repeat: no-repeat;" >
  <tr>
    <td valign="top"><div align="center">
	<form name="form1" method="get" action="interface_HTML.php">
      <table width="400" border="0" cellspacing="0" cellpadding="0">
	          <tr>
          <td height="410px">&nbsp;</td>
        </tr>
        <tr>
          <td><div align="center">
            <label>
            <input name="nombre" type="text" id="nombre" style=" width:275px; border:none ; border-bottom-style:none; font-size:24px; " value="<?php echo $_SESSION["nombre"]; ?>" size="15" maxlength="10">
            </label>
          </div></td>
        </tr>
 <tr>
          <td height="5px">&nbsp;</td>
        </tr>
        <tr>
          <td>
		  <a style=" text-decoration:none" onclick="validarForm(this);">
		  <table width="100%" height="50px" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</a>
</td>
        </tr>
      </table>
      
      </form>
      </div></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>